// pages/home/detail/detail.js
import { weibo_emojis } from "./../../../utils/base-service";
Page({

  /**
   * 页面的初始数据
   */
  data: {
    
    emojis: weibo_emojis,
    article:'',
    InputBottom:0,  // 评论input距离底部的距离
    inputShowed:false,  //input焦点获取
    InputViewShowed:true,   //评论input是否显示
    emojiShowed:true,
    Smile2jianpan1:true,   //表情和键盘转换
    comment:'如果不能立足于大地，<image class="icon-image" src="https://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/7d/mickey_aloha_thumb.png" lazy-load="true" />要这双脚又有立足于大地，要这双脚又有立足于大地，要这双脚',
    comment_content:'',
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
      console.log(weibo_emojis)
      var article = '如果不能立足于大地，<span class="icon-image" style="background-image:url(https://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/7d/mickey_aloha_thumb.png);"></span><img class="icon-image" src="https://img.t.sinajs.cn/t4/appstyle/expression/ext/normal/7d/mickey_aloha_thumb.png" lazy-load="true" />要这双脚又有立足于大地，要这双脚又有立足于大地，要这双脚'
      var that = this;
      this.setData({
        article:article
      })

  },
  // 表情
  onInputEmoji:function(res){
    console.log(res.currentTarget.dataset.emoji_value)
    var emoji_value = res.currentTarget.dataset.emoji_value
    const comment_content = this.data.comment_content + emoji_value
    this.setData({
      comment_content:comment_content
    })
  },
  // 发送
  sendCommentTap:function(){
    console.log(this.data.comment_content)
  },
//  点击表情按钮, 显示表情的div
  emojiTap(e){
    this.setData({
      emojiShowed:false,
      Smile2jianpan1:false
    })
  },
  //点击键盘
  jianpanTap(e){
    this.setData({
      Smile2jianpan1:true
    })
  },
  // 评论输入框失去焦点
  InputBlur(e) {
    this.setData({
      comment_content:e.detail.value
    })
  },
  // 左下角写回复按钮，设置输入框显示和获得焦点
  commentInputFocus:function(){
    console.log('commentInputFocus')
    this.setData({
      InputViewShowed:false,
      inputShowed:true   //触发输入框获取焦点触发InputFocus方法
    })
  },
   // 输入框距离底部的距离,获取焦点出发
   InputFocus(e) {
    // console.log(e.detail.height)
    this.setData({
      InputBottom: e.detail.height
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})